﻿#header-container {
    overflow: hidden;
    /*overflow:visible;*/
    border: 5px solid rgba(230,197,36,0.7);
    background-color: rgba(255, 216, 0, 0.7);
    margin-top: 1em;
    width: 97%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    min-height:70px;
}

    #header-container ul {
        /*border:10px solid red;*/
        /*overflow: hidden;*/
        overflow: visible;
        float: left;
        width: 100%;
    }

        #header-container ul li {
            list-style: none;
            float: left;
            /*border: 5px solid #808080;*/
            /*background-color: #909090;*/
            border: 5px solid rgba(128,128,128,0.7);
            background-color: rgba(144,144,144,0.7);
            padding: 0.5em;
            margin-right: 1em;
            margin-top: 0;
        }

            #header-container ul li:last-of-type {
                float: right;
                margin-right: 0;
                padding-right: 0;
            }

            #header-container ul li:hover {
                /*background-color: #A0A0A0;*/
                background-color: rgba(160,160,160,0.5);
            }

            #header-container ul li a {
                color: whitesmoke;
                text-decoration: none;
            }

#login-status-container {
    overflow: visible;
    margin-right: 0;
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(144,144,144,0.7);
    padding: 1em;
    height: 100%;
    min-width: 200px;
}

    #login-status-container #login-status-loggedin {
        /*border:1px solid red;*/
        overflow: hidden;
        color: #fff;
        font-weight: bold;
        width: 100%;
        margin-top: 0.5em;
    }

        #login-status-container #login-status-loggedin > div {
            float: left;
        }

            #login-status-container #login-status-loggedin > div:last-of-type {
                float: right;
            }

    #login-status-container input[type=submit], button {
        background-color: rgba(0,0,0,0.5);
        color: #00FF00;
        border: none;
        cursor: pointer;
        margin-right: 5px;
    }

        #login-status-container input[type=submit]:hover, button:hover {
            margin-right: 0;
            border-left: 5px solid #FFFF00;
            border-right: 5px solid #FFFF00;
        }

    #login-status-container button {
        position: absolute;
        right: 0;
    }

#login-form-container {
    /*border:1px solid red;*/
    position:absolute;
    left:0;
    top:0;
    width: 100%;
    background-color:rgba(96,96,96,1);
}

#login-form .login-field{
    width:100%;
    overflow:hidden;
}

    #login-form .login-field > div {
        float:left;
        margin-left:0.3em;
    }

        #login-form .login-field > div:last-of-type {
            float:right;
            margin-left:0;
            margin-right:0.3em;
        }

    #login-form .login-field label {
        color:#fff;
    }
    #login-form .login-field input[type="text"], input[type="password"] {
        background-color:rgba(255, 216, 0, 0.7);
        color:#fff;
        border:none;
        margin-top:1px;
        margin-right:10px;
        width:100px;
        font-size:15px;
    }

    #login-form .login-field input[type="submit"] {
    }

#login-result-fail {
    color:red;
    font-size:smaller;
}


    
